import axios from "axios";
import { Message } from "element-ui";
import store from "@/store";
import { getToken } from "@/utils/auth";
import vue from "vue";
var count = 0;
const MESSAGE_DURATION = 3 * 1000; //消息持续时间
// create an axios instance
const service = axios.create({});
// request interceptor
service.interceptors.request.use(
  config => {
    // Do something before request is sent
    if (store.getters.token) {
      // 让每个请求携带token-- ['X-Token']为自定义key 请根据实际情况自行修改
      config.headers["auth"] = store.getters.token;
    }
    if (store.getters.userInfo) {
      // 让每个请求携带User,用户系统获取的用户信息
      config.headers["User"] = Buffer.from(
        JSON.stringify(store.state.app.userInfo)
      ).toString("base64");
    }
    return config;
  },
  error => {
    // Do something with request error
    console.log(error); // for debug
    Promise.reject(error);
  }
);

// response interceptor
service.interceptors.response.use(
  response => response,
  /**
   * 下面的注释为通过在response里，自定义code来标示请求状态
   * 当code返回如下情况则说明权限有问题，登出并返回到登录页
   * 如想通过 xmlhttprequest 来状态码标识 逻辑可写在下面error中
   * 以下代码均为样例，请结合自生需求加以修改，若不需要，则可删除
   */
  // response => {
  //   const res = response.data
  //   if (res.code !== 20000) {
  //     Message({
  //       message: res.message,
  //       type: 'error',
  //       duration: 5 * 1000
  //     })
  //     // 50008:非法的token; 50012:其他客户端登录了;  50014:Token 过期了;
  //     if (res.code === 50008 || res.code === 50012 || res.code === 50014) {
  //       // 请自行在引入 MessageBox
  //       // import { Message, MessageBox } from 'element-ui'
  //       MessageBox.confirm('你已被登出，可以取消继续留在该页面，或者重新登录', '确定登出', {
  //         confirmButtonText: '重新登录',
  //         cancelButtonText: '取消',
  //         type: 'warning'
  //       }).then(() => {
  //         store.dispatch('FedLogOut').then(() => {
  //           location.reload() // 为了重新实例化vue-router对象 避免bug
  //         })
  //       })
  //     }
  //     return Promise.reject('error')
  //   } else {
  //     return response.data
  //   }
  // },
  error => {
    console.log("err" + error); // for debug
    if (error.response && (error.response.status == "401" || error.response.status == "403")) {
      if (count == 0) {
        window.parent.postMessage({ tokenError: "tokenError", params: { success: true, } }, '*');
        window.location.href = `${window.ENV.API_SJSN}/login`; //单独访问资产页面，退出主页
      }
      count += 1;
    } else {
      count = 0;
    }
    return Promise.reject(error);
  }
);

export default service;

//http post
export async function post(url, params, showError) {
  try {
    const result = await service.post(url, params);
    const data = result.data;
    errorHandle(data, showError);
    return data;
  } catch (error) {
    throw error.data || error;
  }
}
//http get
export async function get(url, params, showError) {
  try {
    const result = await service.get(url, {
      params: params
    });
    const data = result.data;
    errorHandle(data, showError);
    return data;
  } catch (error) {
    throw error.data || error;
  }
}
//http put
export async function put(url, params, showError) {
  try {
    const result = await service.put(url, params);
    const data = result.data;
    errorHandle(data, showError);
    return data;
  } catch (error) {
    throw error.data || error;
  }
}
//http delete
export async function deletes(url, params, showError) {
  try {
    const result = await service.delete(url, {
      data: params
    });
    const data = result.data;
    errorHandle(data, showError);
    return data;
  } catch (error) {
    throw error.data || error;
  }
}
//错误处理
function errorHandle(res, showError) {
  if (!res.success && showError) {
    message(res.message);
  }
}
//消息提示
function message(message) {
  Message({
    message: message,
    type: "error",
    duration: MESSAGE_DURATION
  });
}
